<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>温馨提示</title>
    <style>
        .tip-box {
            position: fixed;
            padding: 20px;
            border-radius: 8px;
            font-family: "微软雅黑";
            font-size: 16px;
            text-align: center;
            z-index: 9999;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        }
    </style>
</head>
<body>
    <script>
        // 50条丰富提示语（保持不变）
        const tips = [
            '多喝水哦~', '保持微笑呀', '每天都要元气满满',
            '记得吃水果', '保持好心情', '好好爱自己', '我想你了',
            '梦想成真', '期待下一次见面', '金榜题名',
            '顺顺利利', '早点休息', '愿所有烦恼都消失',
            '别熬夜', '今天过得开心嘛', '天冷了，多穿衣服',
            '小确幸藏在日常里', '万事皆可期待', '你超棒的呀',
            '慢慢来，会更好', '记得补充维生素', '累了就歇会儿',
            '阳光总会到来', '平凡的日子也闪光', '别忘记好好吃饭',
            '照顾好自己的情绪', '好运正在路上', '你值得被偏爱',
            '偶尔偷懒也没关系', '平安喜乐最重要', '多和喜欢的人聊天',
            '做自己就很优秀', '雨天记得带伞', '晴天记得防晒',
            '生活需要仪式感', '努力就有收获', '别给自己太大压力',
            '分享快乐会加倍', '烦恼会慢慢消散', '保持好奇心呀',
            '睡前别刷手机啦', '清晨记得开窗通风', '朋友一直在身边',
            '每一步都算数', '今天也要加油呀', '知足常乐最幸福',
            '学会和自己和解', '偶尔放空也挺好', '健康是最大的财富',
            '被爱包围的一天呀', '一切都会越来越好'
        ];
        // 16种柔和背景色（保持不变）
        const bgColors = [
            'lightpink', 'skyblue', 'lightgreen', 'lavender',
            'lightyellow', 'plum', 'coral', 'bisque', 'aquamarine',
            'mistyrose', 'honeydew', 'lavenderblush', 'oldlace',
            'peachpuff', 'lightcyan', 'palegoldenrod'
        ];
        
        function createTip() {
            const tipBox = document.createElement('div');
            tipBox.className = 'tip-box';
            tipBox.textContent = tips[Math.floor(Math.random() * tips.length)];
            tipBox.style.backgroundColor = bgColors[Math.floor(Math.random() * bgColors.length)];
            // 适配手机位置
            const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;
            const boxWidth = 200;
            const boxHeight = 80;
            const x = Math.random() * (screenWidth - boxWidth);
            const y = Math.random() * (screenHeight - boxHeight);
            tipBox.style.left = x + 'px';
            tipBox.style.top = y + 'px';
            document.body.appendChild(tipBox);
            // 弹窗持续时长：从3秒→8秒（8000ms），停留更久
            setTimeout(() => {
                tipBox.remove();
            }, 8000);
        }

        // 核心调整：弹出速度变慢、总数保持50个不拥挤
        const total = 50; // 弹窗总数（不变，避免过多卡顿）
        const interval = 300; // 弹出间隔：从30ms→300ms（每0.3秒弹一个，明显变慢）
        for (let i = 0; i < total; i++) {
            setTimeout(createTip, i * interval);
        }
    </script>
</body>
</html>
